import React from 'react';
import { BrowserRouter, Route } from 'react-router-dom'
import Counter from './components/Counter';
import TodoList from './components/TodoList';
import Welcome from './components/Welcome';
import Clock from './components/Clock';
import AjaxTest from './components/AjaxTest';
import Home from './components/Home';
import TodoListNew from './components/TodoListNew';
import ArticleList from './components/ArticleList';
import GetPos from './components/GetPos';

import './App.css';

function App() {
  return (
    <BrowserRouter>
      <div className="App">
        <Route path="/" component={Home} />
        <Route path="/Welcome/:name" component={Welcome} />
        <Route path="/Counter/:end" component={Counter} />
        <Route path="/AjaxTest" component={AjaxTest} />
        <Route path="/TodoList" component={TodoList} />
        <Route path="/Clock" component={Clock} />
        <Route path="/TodoListNew" component={TodoListNew} />
        <Route path="/ArticleList" component={ArticleList} />
        <Route path="/GetPos" component={GetPos} />
        
      </div>
    </BrowserRouter>
  );
}

export default App;
